@charset "utf-8";
/* CSS Document */
*{
	margin: 0;
	padding: 0;
	border:none;
	box-sizing: border-box;
	list-style: none;
	font-family:"微软雅黑","宋体", Arial;
	font-size: 16px; 
	color:#666;
	font-weight: normal;
	text-decoration:none; 	
}
html,body{
	width:100%;
/*
    overflow:hidden;
*/
    height:100%;
    min-height:750px;
}
.login_html{
	width:100%;
	height:100%;
	position:relative;
}
.login_bg{
	position:absolute;
	right:0;
	top:0;
	z-index:0;
	width:100%;
	height:100%;
}
.login_body{
	position:absolute;
	float:right\9;
	right:0;
	top:0;
	z-index:1;
	width:40%;
	height:100%;
}
.back_home{
	height:60px;
	line-height:60px;
	margin-bottom:5%;
}
.back_home a{
	color:#fff;
	padding-left:10px;
	float:left;
}
.back_home a:hover{
	color:#1f995c;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}
.back_home .register{
	width:90px;
	height:40x;
	line-height:40px;
	margin-top:10px;
	border-top-left-radius:20px;
	border-bottom-left-radius:20px;
	background:#3ec282;
	color:#fff;
	text-align:center;
	float:right;
}
.back_home .register:hover {
	color:#fff;
	background: #1f995c;
  	transition: 1s all;
	-webkit-transition: 1s all;
	-moz-transition: 1s all;
	-o-transition: 1s all;
}
.box{
	width:70%;
	height:80%;
	margin:0 auto;
}
.logo{
	width:228px;
	height:60px;
	margin:0 auto;
	margin-bottom:5%;
}
.user{
	width:100%;
	height:40px;
	margin:0 auto 5% auto;
	border-radius:20px;
	border:1px solid #fff;
	position:relative;
	overflow:hidden;
}


.userdefault{
	position:absolute;
	z-index:9999999;
	width: 100px;
	*width:72px;
	line-height:40px;
	padding:0 15px;
	color:#fff;
	text-align:justify;
	text-justify:distribute-all-lines;/*ie6-8*/
	text-align-last:justify;/* ie9*/
	-moz-text-align-last:justify;/*ff*/
	-webkit-text-align-last:justify;/*chrome 20+*/
}

.usertext{
	position:absolute;
	top:0;
	font-size:14px;
	width:100%;
	line-height:40px;
	height:40px;
	padding-left:100px;
	/*padding-left:10px;*/
    /*margin-left:90px;*/
	padding-right:4%;
	color:#666;
	outline: none;
	background:none;
	border: none;
}


.user input{
	position:absolute;
	top:0;
	font-size:14px;
	width:100%;
	line-height:40px;
	height:40px;
	padding-left:100px;
	/*padding-left:10px;*/
    /*margin-left:90px;*/
	padding-right:4%;
	color:#FFF;
	outline: none;
	background:none;
	border: none;
}


background-color:transparent;
	padding-left:100px;
	padding-right:4%;
    color: #CCC;
	outline: none;
	background:none;
	border: none;
}





.user input:focus{background:transparent}


.user input:hover {
    color: #FFF;
    text-decoration: none
}


input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px none inset;}

.box .loginbtn{
	display:block;
	color:#fff;
	background-color:#3ec282;
	margin-top:10%;
	width:100%;
	height: 40px;
	line-height:40px;
	text-align:center;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px; 
	-o-border-radius: 20px;
}

.box .loginbtn:hover {
	color:#fff;
	background: #1f995c;
  	transition: 1s all;
	-webkit-transition: 1s all;
	-moz-transition: 1s all;
	-o-transition: 1s all;
}













:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #CCC;  
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #CCC;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #CCC;
}





input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #CCC;
background-color:transparent;
}








@media screen and (max-device-width: 1080px){ 
.login_body{
	position:absolute;
	float:right\9;
	right:0;
	top:0;
	z-index:1;
	width:100%;
	height:100%;
}

}